<template>
<div>
  <div class="sidebar" id="sidebar">


    <div class="sidebar-shortcuts" id="sidebar-shortcuts">
      <div class="sidebar-shortcuts-large" id="sidebar-shortcuts-large">
        <button class="btn btn-success">
          <i class="icon-signal"></i>
        </button>

        <button class="btn btn-info">
          <i class="icon-pencil"></i>
        </button>

        <button class="btn btn-warning">
          <i class="icon-group"></i>
        </button>

        <button class="btn btn-danger">
          <i class="icon-cogs"></i>
        </button>
      </div>

      <div class="sidebar-shortcuts-mini" id="sidebar-shortcuts-mini">
        <span class="btn btn-success"></span>

        <span class="btn btn-info"></span>

        <span class="btn btn-warning"></span>

        <span class="btn btn-danger"></span>
      </div>
    </div>

    <ul class="nav nav-list">
      <li class="active">
        <router-link :to="{name:'Home'}">
          <i class="icon-dashboard"></i>
          <span class="menu-text"> 首页 </span>
        </router-link>
      </li>
      <li>
        <a href="#" class="dropdown-toggle">
          <i class="icon-shopping-cart"></i>
          <span class="menu-text"> 商城管理中心 </span>
          <b class="arrow icon-angle-down"></b>
        </a>
        <ul class="submenu">
          <li>
            <a href="elements.html">
              <i class="icon-google-plus"></i>
              商品管理
            </a>
          </li>

          <li>
            <a href="buttons.html">
              <i class="icon-calendar"></i>
              商品分类
            </a>
          </li>

          <li>
            <a href="treeview.html">
              <i class="icon-apple"></i>
              商品品牌
            </a>
          </li>

          <li>
            <a href="jquery-ui.html">
              <i class="icon-user"></i>
              会员管理
            </a>
          </li>

          <li>
            <a href="nestable-list.html">
              <i class="icon-sort-by-order"></i>
              订单管理
            </a>
          </li>

          <li>
            <a href="nestable-list.html">
              <i class="icon-signal"></i>
              数据统计
            </a>
          </li>
        </ul>
      </li>
      <li>
        <a href="#" class="dropdown-toggle">
          <i class="icon-desktop"></i>
          <span class="menu-text"> 易收银管理系统 </span>

          <b class="arrow icon-angle-down"></b>
        </a>

        <ul class="submenu">
          <li>
            <a href="#" class="dropdown-toggle">
              <i class="icon-double-angle-right"></i>
              基本管理
              <b class="arrow icon-angle-down"></b>
            </a>

            <ul class="submenu">
              <li>
                <router-link :to="{name:'Product'}">
                  <i class="icon-google-plus"></i>
                  商品管理
                </router-link>
              </li>
              <li>
                <router-link :to="{name:'Category'}">
                  <i class="icon-calendar"></i>
                  商品分类
                </router-link>
              </li>
              <li>
                <router-link :to="{name:'Brand'}">
                  <i class="icon-apple"></i>
                  商品品牌
                </router-link>
              </li>
              <li>
                <router-link :to="{name:'Apply'}">
                  <i class="icon-beer"></i>
                  供货商管理
                </router-link>
              </li>
              <li>
                <a href="#">
                  <i class="icon-share-sign"></i>
                  店铺管理
                </a>
              </li>


            </ul>
          </li>
          <li>
            <a href="#" class="dropdown-toggle">
              <i class="icon-double-angle-right"></i>
              业务管理
              <b class="arrow icon-angle-down"></b>
            </a>
            <ul class="submenu">
              <li>
                <a href="#">
                  <i class="icon-save"></i>
                  销售管理
                </a>
              </li>
              <li>
                <a href="#">
                  <i class="icon-leaf"></i>
                  库存查询
                </a>
              </li>
              <li>
                <a href="#">
                  <i class="icon-pencil"></i>
                  采购进货
                </a>
              </li>
              <li>
                <a href="#">
                  <i class="icon-leaf"></i>
                  采购出货
                </a>
              </li>
              <li>
                <a href="#">
                  <i class="icon-pencil"></i>
                  库存调拨
                </a>
              </li>
              <li>
                <a href="#">
                  <i class="icon-leaf"></i>
                  库存盘点
                </a>
              </li>
              <li>
                <a href="#">
                  <i class="icon-pencil"></i>
                  采购明细
                </a>
              </li>
            </ul>
          </li>
          <li>
            <a href="elements.html">
              <i class="icon-double-angle-right"></i>
              简单 & 动态
            </a>
          </li>
          <li>
            <a href="buttons.html">
              <i class="icon-double-angle-right"></i>
              jqGrid plugin
            </a>
          </li>
        </ul>
      </li>
      <li>
        <a href="#" class="dropdown-toggle">
          <i class="icon-pause"></i>
          <span class="menu-text"> 药店官网系统 </span>

          <b class="arrow icon-angle-down"></b>
        </a>
        <ul class="submenu">
          <li>
            <a href="tables.html">
              <i class="icon-double-angle-right"></i>
              表单组件
            </a>
          </li>
          <li>
            <a href="jqgrid.html">
              <i class="icon-double-angle-right"></i>
              向导提示 &amp; 验证
            </a>
          </li>
          <li>
            <a href="tables.html">
              <i class="icon-double-angle-right"></i>
              编辑器
            </a>
          </li>
          <li>
            <a href="jqgrid.html">
              <i class="icon-double-angle-right"></i>
              文件上传
            </a>
          </li>
        </ul>
      </li>
      <li>
        <a href="#" class="dropdown-toggle">
          <i class="icon-weibo"></i>
          <span class="menu-text"> 微信管理 </span>

          <b class="arrow icon-angle-down"></b>
        </a>

        <ul class="submenu">
          <li>
            <a href="form-elements.html">
              <i class="icon-double-angle-right"></i>
              微信菜单管理
            </a>
          </li>

          <li>
            <a href="form-wizard.html">
              <i class="icon-double-angle-right"></i>
              向导提示 &amp; 验证
            </a>
          </li>

          <li>
            <a href="wysiwyg.html">
              <i class="icon-double-angle-right"></i>
              编辑器
            </a>
          </li>

          <li>
            <a href="dropzone.html">
              <i class="icon-double-angle-right"></i>
              文件上传
            </a>
          </li>
        </ul>
      </li>
      <li>
        <a href="#" class="dropdown-toggle">
          <i class="icon-share"></i>
          <span class="menu-text"> 系统设置 </span>

          <b class="arrow icon-angle-down"></b>
        </a>

        <ul class="submenu">
          <li>
            <a href="profile.html">
              <i class="icon-double-angle-right"></i>
              站点信息
            </a>
          </li>

          <li>
            <a href="inbox.html">
              <i class="icon-double-angle-right"></i>
              向导提示 &amp; 验证
            </a>
          </li>

          <li>
            <a href="pricing.html">
              <i class="icon-double-angle-right"></i>
              编辑器
            </a>
          </li>

          <li>
            <a href="invoice.html">
              <i class="icon-double-angle-right"></i>
              文件上传
            </a>
          </li>

        </ul>
      </li>
    </ul>

    <div class="sidebar-collapse" id="sidebar-collapse">
      <i class="icon-double-angle-left" data-icon1="icon-double-angle-left" data-icon2="icon-double-angle-right"></i>
    </div>


  </div>
</div>

</template>

<script>
  export default {
    name: 'sidebar',
    data () {
      return {
      }
    }
  }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>

</style>
